<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
  {{> includes/head.html }}
  <style type="text/css">
    #editor {
      position: relative;
      min-height: 200px;
      height: -moz-calc(100vh - {{#newScript}}190{{/newScript}}{{^newScript}}303{{/newScript}}px);
      height: -ms-calc(100vh - {{#newScript}}190{{/newScript}}{{^newScript}}303{{/newScript}}px);
      height: -o-calc(100vh - {{#newScript}}190{{/newScript}}{{^newScript}}303{{/newScript}}px);
      height: -webkit-calc(100vh - {{#newScript}}190{{/newScript}}{{^newScript}}303{{/newScript}}px);
      height: calc(100vh - {{#newScript}}190{{/newScript}}{{^newScript}}303{{/newScript}}px);
    }
   .path-divider {
      margin: 0 .25em;
      color: #666;
    }
  </style>
  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
</head>
<body>
  {{> includes/header.html }}
  <div class="container-fluid">
    <div class="row">
      {{#owner}}
      <div class="container-fluid col-sm-8">
      {{/owner}}
      {{^owner}}
      <div class="col-md-12">
      {{/owner}}
        {{^newScript}}{{> includes/scriptPageHeader.html }}{{/newScript}}
        <pre class="notranslate" translate="no" id="editor">{{source}}</pre>
        {{^readOnly}}
        <form action="{{#isLib}}/user/add/lib/new{{/isLib}}{{^isLib}}/user/add/scripts/new{{/isLib}}" id="code_form" method="post">
          <input type="hidden" id="source" name="source" value="" />
          <input type="hidden" name="url" value="{{{url}}}" />
          {{^owner}}<input type="hidden" name="original" value="{{original}}" />{{/owner}}
          <div class="btn-toolbar">
            <button class="btn btn-sm btn-success" type="button" id="wrap" disabled="disabled">Wrap</button>
            <button class="btn btn-sm btn-success" type="button" id="beautify" disabled="disabled">Beautify</button>
            <button class="btn btn-sm btn-success" type="button" id="diff" disabled="disabled">Diff</button>
            <button class="btn btn-sm btn-success pull-right" type="submit" id="submit_code" disabled="disabled">{{#owner}}<i class="fa fa-fw fa-save"></i>{{/owner}}{{^owner}}<i class="fa fa-fw fa-code-fork"></i>{{/owner}} Submit Code{{^owner}} as Fork{{/owner}}</button>
          </div>
        </form>
        {{/readOnly}}
        {{#readOnly}}
          <div class="btn-toolbar">
            <button class="btn btn-sm btn-success" type="button" id="wrap" disabled="disabled">Wrap</button>
            <button class="btn btn-sm btn-success" type="button" id="beautify" disabled="disabled">Beautify</button>
          </div>
        {{/readOnly}}
      </div>
      {{#owner}}
      <div class="container-fluid col-sm-4">
        {{> includes/scriptAuthorToolsPanel.html }}
      </div>
      {{/owner}}
    </div>
  </div>
  {{> includes/footer.html }}
  {{> includes/scripts/lazyIconScript.html }}
  {{> includes/scripts/scriptEditor.html }}
  {{> includes/scripts/clipboard.html }}
  {{#authorTools}}
    {{ > includes/scripts/selectInstall.html}}
    {{ > includes/scripts/selectSPDX.html}}
  {{/authorTools}}
</body>
</html>
